<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1,minimun-scale=1,user-scalable=no"/>
    <title>我要预约</title>
    <link rel='stylesheet' href="../css/comm.css"/>
    <link rel='stylesheet' href="../css/iconfont.css"/>
    <link rel='stylesheet' href="../css/bespeak.css"/>
    <link rel='stylesheet' href="../css/per/bespeak_chooseAddr.css"/>
</head>
<body>
    <!--头部-->
    <header class="bGDarkYellow">
        <header class="l-row lH45  cWhite edge-left-right">
            <div class="l-col-xs-1 right tR">
                <span class="iconfont icon-thin-r"></span>
            </div>
            <div class="l-col-xs-10 fS17 tC">
                我要预约
            </div>
            <div class="l-col-xs-1">
                <span class="iconfont icon-share"></span>
            </div>
        </header>
        <section class="l-row userMess tC padd-t-10 padd-b-15">
            <div class="l-col-xs-3">
                <img src="../img/avater.png" class="avaterImg">
            </div>
            <div class="l-col-xs-9 tL padd-t-5">
                <p class="cWhite lH20 fS14">驾培网学员</p>
                <p class="cWhite lH17 fS14">驾培网学员</p>
            </div>
        </section>
    </header>
    <!--中间部分-->
    <section class="content padd-b-5 ">
        <div class="bGWhite borderB lH30 edge-left-right">
            <i class="point marg-r-5"></i><span class="fS12">今天是您学车的第5天，已经培训12个小时</span>
        </div>
        <div class="l-row bGWhite borderB lH30 edge-left-right">
            <span class="l-col-xs-4 fS12"> <i class="point marg-r-5"></i>预约时间</span>
            <span class="l-col-xs-8 tR fS12 padd-l-20">2016年12月6日 14:00-15:00</span>
        </div>
        <div class="l-row bGWhite lH30 borderB edge-left-right">
            <span class="l-col-xs-5 fS12"> <i class="point marg-r-5"></i>科目二训练场地</span>
            <span class="l-col-xs-7 tR fS12 limit-text">中和训练场地</span>
        </div>
        <div class="l-row bGWhite lH30 edge-left-right">
            <span class="l-col-xs-4 fS12"> <i class="point marg-r-5"></i>当前教练</span>
            <span class="l-col-xs-8 tR fS12 padd-l-20">
                <span class="padd-r-5">陈某某 10年</span>
                 <i class="star star-full"></i>
                <i class="star star-full"></i>
                <i class="star star-full"></i>
                <i class="star star-full"></i>
                <i class="star star-empty"></i>
            </span>
        </div>
    </section>
    <section>
        <div class="edge-left-right padd-t-15 padd-b-5">
            <img src="../img/addr.png" class="icon-addr"/>
            <span class="fS14 lH20 padd-l-5">接送地点选择</span>
        </div>
        <div class="map edge-left-right">
            <div></div>
        </div>
        <div class="search padd-t-10 padd-b-10 edge-left-right">
            <input type="search" placeholder="请输入地点">
            <img src="../img/search.png">
        </div>
        <div class="tC">
            <button class="btn-br-yellow letter-space2 lH30 padd-l-20 padd-r-20 bR3">立即预约</button>
        </div>
    </section>
</body>
</html>